<br><div align="center"><font size="6"><h1><b>RESERVA TU BOLETO</b></h1></font><br></br>
    
    <b>Sale de:&nbsp;</b><input type="text" value=""/><br></br>
    <b>Destino:&nbsp;</b><input type="text" value=""/><br></br>  
    <b>Hora:&nbsp;</b>
    <select size="1">
        <OPTION VALUE="">14h00</OPTION>
        <OPTION VALUE="">17h00</OPTION>
        <OPTION VALUE="">19h00</OPTION>
        <OPTION VALUE="">22h00</OPTION>
    </select>
    
    <br></br>

    <font size="5"><b><h2>Selecciona el Asiento</h2></b></font><br>
    
    <table align="center" border="1">
        <tr id="cabtabla">
           <td><div align="center"><font size="8">V</font></div></td>
           <td><div align="center"><font size="8">P</font></div></td>
           <td><div align="center"><font size="8">Pasillo</font></div></td>
           <td><div align="center"><font size="8">P</font></div></td>
           <td><div align="center"><font size="8">V</font></div></td>    
        </tr>
        <tr>
            <td><div align="center"><input type="checkbox"   value="4"/>&nbsp;<b>4</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="3"/>&nbsp;<b>3</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td style="background-color:#787a77; border-color: #ffffff;" rowspan="10">&nbsp;&nbsp;</td>
            <td><div align="center"><input type="checkbox"   value="1"/>&nbsp;<b>1</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="2"/>&nbsp;<b>2</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
        </tr>
        <tr>
            <td><div align="center"><input type="checkbox"   value="8"/>&nbsp;<b>8</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="7"/>&nbsp;<b>7</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="6"/>&nbsp;<b>6</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="5"/>&nbsp;<b>5</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
        </tr>
        <tr>
            <td><div align="center"><input type="checkbox"   value="12"/>&nbsp;<b>12</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="11"/>&nbsp;<b>11</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="10"/>&nbsp;<b>10</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="9"/>&nbsp;<b>9</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
        </tr>
        <tr>
            <td><div align="center"><input type="checkbox"   value="16"/>&nbsp;<b>16</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="15"/>&nbsp;<b>15</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="14"/>&nbsp;<b>14</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="13"/>&nbsp;<b>13</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
        </tr>
        <tr>
            <td><div align="center"><input type="checkbox"   value="20"/>&nbsp;<b>20</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="19"/>&nbsp;<b>19</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="18"/>&nbsp;<b>18</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="17"/>&nbsp;<b>17</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
        </tr>
        <tr>
            <td><div align="center"><input type="checkbox"   value="24"/>&nbsp;<b>24</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="23"/>&nbsp;<b>23</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="22"/>&nbsp;<b>22</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="21"/>&nbsp;<b>21</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
        </tr>
        <tr>
            <td><div align="center"><input type="checkbox"   value="28"/>&nbsp;<b>28</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="27"/>&nbsp;<b>27</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="26"/>&nbsp;<b>26</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="25"/>&nbsp;<b>25</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
        </tr>
        <tr>
            <td><div align="center"><input type="checkbox"   value="32"/>&nbsp;<b>32</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="31"/>&nbsp;<b>31</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="30"/>&nbsp;<b>30</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="29"/>&nbsp;<b>29</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
        </tr
        <tr>
            <td><div align="center"><input type="checkbox"   value="36"/>&nbsp;<b>36</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="35"/>&nbsp;<b>35</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="34"/>&nbsp;<b>34</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="33"/>&nbsp;<b>33</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
        </tr>
        <tr>
            <td><div align="center"><input type="checkbox"   value="40"/>&nbsp;<b>40</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="39"/>&nbsp;<b>39</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="38"/>&nbsp;<b>38</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
            <td><div align="center"><input type="checkbox"   value="37"/>&nbsp;<b>37</b><br></div><div class="spritesasientoautobus" id="asientoautobus_jpg"></div></td>
        </tr>
        
    </table>
    <br></br>
    
    <button type="submit" class="button2 button-azul" title="Reservar un Asiento"><div class="spritesreservar" id="reservar_jpg"></div>Reservar</button>&nbsp;<button type="submit" class="button2 button-azul" title="Cancelar la Reserva de un Asiento"><div class="spritesdelete" id="delete_jpg"></div>Cancelar</button>&nbsp;<a href="<?php echo url_for('inicio/index')?>"><button type="submit" class="button2 button-azul" title="Volver a opciones de Boleteria"><div class="spritesatras" id="atras_jpg"></div>Ir a Boleter&iacute;a</button></a><br></br>
    
</div>    